/* pages/user/index.wxss */
page{
    background-color: rgba(223, 227, 230, 0.719);
}
.user_info_wrap{
    height: 45vh;
    background-color: var(--themeColor);
    position: relative;
    .user_img_wrap{
        position: relative;
        .user_bg{
            height: 45vh;
            //高斯模糊
            filter: blur(10rpx);
        }
        .user_info{
            position: absolute;
            top: 35%;
            left: 50%;
            transform: translate(-50%);
            text-align: center;
           .user_head{ 
               width: 150rpx;
               height: 150rpx;
               border-radius: 50%;
           }
           .user_name{
               color: #fff;
               font-size: 34rpx;
               margin-top: 15rpx;
           }
        }
    }
    .user_login{
        position: absolute;
            top: 35%;
            left: 50%;
            transform: translate(-50%);
            text-align: center;
            border:1rpx solid greenyellow;
            color:greenyellow;
            font-size: 34rpx;
            padding: 34rpx;
            border-radius: 15rpx;
    }
}

.user_content{
    position: relative;
.user_main{
    padding-bottom: 100rpx;
    color: #666;
    position: absolute;
    width: 90%;
    left: 50%;
    transform: translate(-50%);
    top: -40rpx;
.user_history{
    background-color: #fff;
    display: flex;
    navigator{
        padding-top: 15rpx;
        flex: 1;
        text-align: center;
    .his_num{
      color: var(--themeColor);
    }
    .his_name{}
}}
}

.order_wrap{
    background-color: #fff;
    margin-top: 20rpx;
    .order_title{
        padding: 15rpx;
        border-bottom: 1rpx solid #ccc;
    }
    .order_content{
      .order_main{  
          display: flex;  
        navigator{
            padding: 15rpx 0;
            flex: 1;
            text-align: center;
            .iconfont{
                color: var(--themeColor);
                font-size: 50rpx;
            }
            .order_name{}
        }
          
      } 
    }
   
}

 
.address_wrap{
    height: 70rpx;
    margin-top: 30rpx;
    background-color: #fff;
    padding: 15rpx 10rpx;
   }
   .app_info_wrap{
    margin-top: 30rpx;
    background-color: #fff;
    
    
   }
   .app_bettwen{
    display: flex;
    justify-content: space-between;
   }
   .app_info_item{
    padding: 15rpx 10rpx;
    border-bottom: 1rpx solid #ccc;
   }
   .app_shape{
    height: 70rpx;
    margin-top: 30rpx;
    background-color: #fff;
    padding: 20rpx 10rpx;
   }
}